<template>
  <i class="iconfont-container iconfont" :class="fontClass" ></i>
</template>

<script>

const classMap={
    home:'icon-home',
    zhuye:'icon-zhuye',
    success:'icon-zhengque',
    info:'icon-zhengque',
    qq:'icon-QQ-circle-fill',
    shangjiantou:'icon-xiangshang',
    xiajiantou:'icon-xiangxia',
    jinggao:'icon-jinggao',
    blog:'icon-blog',
    cuowu:'icon-cuowutishitianchong',
    weixin:'icon-weixin',
    xinxi:'icon-xinxi',
    about:'icon-about',
    liuyan:'icon-liuyan',
    chat:'icon-liuyan',
    guanbi:'icon-guanbi',
    code:'icon-code',
    empty:'icon-empty',
    email:'icon-email',
    github:'icon-github1',
    sousuo:'icon-sousuo',
    xingxing:'icon-xingxing',
}

export default {
    name:"Icon",
    props:{
        type:{
            type:String,
            required:true,
        },
    },
    //计算属性
    computed:{
        fontClass(){
            return classMap[this.type];
        }
    },
};
</script>

<style scoped>
@import "//at.alicdn.com/t/font_2964394_ul4qgu50jb.css";
</style>